<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<div>
    <input type="text" placeholder="用户名" v-model="user.username" >
    <input type="text" placeholder="密码" v-model="user.password" >
    <input type="button" value="登录" @click="login()">
</div>
<!--引入Vue框架-->
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script>
    class Vue {
        constructor(param) {
            
        }

    }

    let v=new Vue({
             el:"body>div",
             data:{
                user:{
                    username:"",
                    password:""
                }
             },
             methods:{
                 login(){
                     axios.post("/loginA",v.user).then(function (response){
                         if (response.data==1){
                             alert("登录成功");
                             location.href="/";
                         }else if (response.data==2){
                             alert("用户名不存在")
                         }else{
                             alert("密码错误")
                         }
                         // switch (response.data){
                         //     case 1:
                         //         alert("登录成功");
                         //         location.href="/";
                         //         break;
                         //     case 2:
                         //         alert("用户名不存在");
                         //         break;
                         //     case 3:
                         //         alter("密码错误");
                         //         break;
                         //
                         // }
                     })
                 }

             }
         })             
</script>
</body>
</html>